<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/service.css">
</head>
<body>
    <!-- header -->
    <div class="header-wrap">
        <div class="header w">
            <h1 class="logo">
                <img src="./images/logo.png" alt="">
            </h1>
            <ul class="header-nav">
                <li>
                    <a href="#">首页</a>
                </li>
                <li class="webc">
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">服务项目</a>
                </li>
                <li>
                    <a href="#">成功案例</a>
                </li>
                <li>
                    <a href="#">新闻中心</a>
                </li>
                <li>
                    <a href="#">光合会</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
            </ul>
            <p class="webc">
                <img src="./images/headcall.png" alt="">
                010-85859518
            </p>
        </div>
    </div>

    <!-- banner -->
    <div class="banner-wrap">
        <img src="./images/service/bannner.png" alt="">
    </div>

    <!-- content -->
    <div class="content-wrap">
        <div class="content w">
            <ul class="content-list">
                <li class="list-on">
                    <a href="#">
                        照明设计
                    </a>
                </li>
                <li>
                    <a href="#">
                        灯光节策划
                    </a>
                </li>
                <li>
                    <a href="#">
                        主题乐园灯光策划
                    </a>
                </li>
                <li>
                    <a href="#">
                        照明工程顾问
                    </a>
                </li>
                <li>
                    <a href="#">
                        商业展陈
                    </a>
                </li>
            </ul>
    
            <img class="turn" src="./images/service/turn.png" alt="">

            <h2>
                照明设计
            </h2>
            <h3>
                LIGHTING DESIGN
            </h3>
            <P>
                人们对光的追求从单纯的照亮向更高的艺术效果进步。
            </P>
            <p>
                由发达国家的大都市到中国的一线城市,再到二三线城市,对照明设计的需求有增无减。
            </p>
            <p>
                商业、写字楼、城市综合体、实体店、公园、桥梁、广场、古镇多村等,均对照明设计提出了更高的要求。
            </p>
            <P>
                人们对品质的追求,是照明设计发展的源动力。
            </P>

            <img class="light" src="./images/service/light.png" alt="">

            <h2>
                项目流程
            </h2>
            <h3>
                PROJECT PROCESS
            </h3>
            <img src="./images/service/step.png" alt="">
        </div>
    </div>

    <!-- footer -->
    <div class="footer-wrap">
        <div class="footer w">
            <div class="footer-left">
                <h2 class="logo">
                    <img src="./images/footer-logo.png" alt="">
                </h2>
                <ul class="footer-list">
                    <li>
                        <i class="iconfont icon-dingwei"></i>
                        北京市朝阳区朝阳北路大悦城北楼2905室
                    </li>
                    <li>
                        <i class="iconfont icon-dianhua"></i>
                        010-85859518
                    </li>
                    <li>
                        <i class="iconfont icon-dayinji"></i>
                        010-87647410
                    </li>
                    <li>
                        <i class="iconfont icon-youxiang"></i>
                        band china@126.com
                    </li>
                    <li>
                        <i class="iconfont icon-IE"></i>
                        http://www.band.net.cn/
                    </li>
                </ul>
            </div>

            <div class="footer-mid">
                <div class="call clearfix">
                    <img class="call-icon fl" src="./images/botcall.png" alt="">
                    <span class="fl">
                        全国服务热线
                    </span>
                    <p class="num fl webc">
                        010-8585 9518
                    </p>
                    <p class="code">
                        <img src="./images/qrcode.png" alt="">
                        <h5 class="code-txt">
                            微信公众号
                        </h5>
                    </p>
                </div>
            </div>

            <div class="footer-right">
                <h3 class="leave">
                    留言/ Leave a message
                </h3>
                <form class="form" action="#" method="get">
                    <input type="text" value="姓名">
                    <input type="text" value="电话">
                    <input type="text" value="留言内容">
                    <input type="submit" value="提交">
                </form>
            </div>
        </div>
        <div class="last">
            <span>
                北京钛和照明设计有限公司
            </span>
            <span>
                ICP案: copyright © 2015
            </span>
            <span>
                京 ICP备10000699号-2
            </span>
        </div>
    </div>
</body>
</html>